.parent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 12rpx;
    gap: 10rpx;
}

.item1, .item2, .item3, .item4, .item5, .item6, .item7 {
    border-radius: 100rpx;
    padding: 4rpx 14rpx;
    font-size: 22rpx;
    font-weight: 500;
    background-color: rgba(118, 166, 255, 0.1);
    color: #76a6ff;
}

.item2 {
    background-color: rgba(166, 146, 250, 0.1);
    color: #a692fa;
}

.item3 {
    background-color: rgba(255, 148, 96, 0.1);
    color: #ff9460;
}

.item4 {
    background-color: rgba(223, 147, 241, 0.1);
    color: #df93f1;
}

.item5 {
    background-color: rgba(255, 193, 79, 0.1);
    color: #ffc14f;
}

.item6 {
    background-color: rgba(137, 215, 90, 0.1);
    color: #89d75a;
}

.item7 {
    background-color: rgba(250, 119, 98, 0.1);
    color: #fa7762;
}
